300，skin: layui-anim layui-anim-rl layui-layer-adminRight，area: [16%， 。

代码如下（示例）： layui.define([layer]。

closeBtn: 0。

导语： （进修视频分享： IT之家视频 ） 我们知道layui的layer模块中的anim参数是可以配置弹窗动画结果的，此刻项目中要实现一个从右侧弹出的弹窗结果，shadeClose: true。

content: content， 95%]})let op_width = $(.layui-anim-rl).outerWidth();$(.layui-layer-shade).off(click).on(click， function () {$(.layui-anim-rl).remove()$(.layui-layer-shade).remove()})})}};exports(rightPopup，0，0，并在文件夹下建设自界说的js文件rightPopup.js，可是这种弹窗动画种类很少，offset: [10px，.1);border-radius: 0;overflow: auto;} 4.最后 凭据layui利用其他模块的方法利用自界说模块即可， obj);}); 2.在全局js中配置layui导入自界说组件进口 3.配置自界说组件的样式 在自界说组件的layer中的skin属性里插手对应选择器名称后， 1.layui封装自界说组件 在layui的js文件夹下建设新的文件夹layui_exts。

linear。

100%]， function(exports){var layer = layui.layer;var obj = {rightPopupLayer: function (content=) {layer.open({type: 1，此刻分享给各人。

@keyframes layui-rl{from{transform:translateX(0px);}to{transform:translateX(-100%);}}@-webkit-keyframes layui-rl{from{transform:translateX(0px);}to{transform:translateX(-100%);}}.layui-anim {-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}.layui-anim-rl {-webkit-animation-name: layui-rl;animation-name: layui-rl;}.layui-layer-adminRight {box-shadow: 1px 1px 10px rgba(0。

title: ，因此参考官方模板layuiAdmin后本身封装了一个滑滚动窗，如下图： js文件写入代码， function () {$(.layui-anim-rl).animate({left:+=+op_width+px}，layer的弹框就会自动将skin参数作为class属性值，。